<template>
    <div class="section-wrap">
        <div class="form-section">
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>检查编号</label>
                </div>
                <div>
                    <input type="text"
                           value="20191011">
                </div>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>被检查单位</label>
                </div>
                <group>
                    <popup-picker :data="list3"
                                  :columns="3"
                                  placeholder='请选择'
                                  v-model="value4"
                                  show-name></popup-picker>
                </group>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>检查类型</label>
                </div>
                <div>
                    <input type="text"
                           value="季度检查">
                </div>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>检查时间</label>
                </div>
                <div>
                    <datetime v-model="endTime"></datetime>
                </div>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>检查区域</label>
                </div>
                <div>
                    <input type="text"
                           value="季度检查">
                </div>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>检查内容</label>
                </div>
                <div>
                    <input type="text"
                           value="季度检查">
                </div>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>检查时间</label>
                </div>
                <div>
                    <input type="text"
                           value="季度检查">
                </div>
            </div>
        </div>
        <div class="form-section">
            <h3>检查组成员及分工</h3>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>检查组长</label>
                </div>
                <div>
                    <input type="text"
                           value="组长">
                </div>
            </div>
            <div class="form-item-group">
                <div class="form-item form-item-style1">
                    <div class="label-title">
                        <label>成员1</label>
                    </div>
                    <div>
                        <input type="text"
                               value="李某某">
                    </div>
                </div>
                <div class="form-item form-item-style1">
                    <div class="label-title">
                        <label>分工</label>
                    </div>
                    <div>
                        <input type="text"
                               value="文明施工">
                    </div>
                </div>
            </div>
            <div class="form-item-group">
                <div class="form-item form-item-style1">
                    <div class="label-title">
                        <label>成员2</label>
                    </div>
                    <div>
                        <input type="text"
                               value="李某某">
                    </div>
                </div>
                <div class="form-item form-item-style1">
                    <div class="label-title">
                        <label>分工</label>
                    </div>
                    <div>
                        <input type="text"
                               value="李某某">
                    </div>
                </div>
            </div>
            <div class="btns">
                <button class="big-btn">开始评分</button>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data () {
        return {
            uploadUrl: '',
            startTime: '',
            endTime: '',
            value1: [],
            list1: [['小米', 'iPhone', '华为', '情怀', '三星', '其他', '不告诉你']],
            value4: [],
            list3: [{
                name: '中国',
                value: 'china',
                parent: 0
            }, {
                name: '美国',
                value: 'USA',
                parent: 0
            }, {
                name: '广东',
                value: 'china001',
                parent: 'china'
            }, {
                name: '广西',
                value: 'china002',
                parent: 'china'
            }, {
                name: '美国001',
                value: 'usa001',
                parent: 'USA'
            }, {
                name: '美国002',
                value: 'usa002',
                parent: 'USA'
            }, {
                name: '广州',
                value: 'gz',
                parent: 'china001'
            }, {
                name: '深圳',
                value: 'sz',
                parent: 'china001'
            }, {
                name: '广西001',
                value: 'gx001',
                parent: 'china002'
            }, {
                name: '广西002',
                value: 'gx002',
                parent: 'china002'
            }, {
                name: '美国001_001',
                value: '0003',
                parent: 'usa001'
            }, {
                name: '美国001_002',
                value: '0004',
                parent: 'usa001'
            }, {
                name: '美国002_001',
                value: '0005',
                parent: 'usa002'
            }, {
                name: '美国002_002',
                value: '0006',
                parent: 'usa002'
            }]
        }
    }
}
</script>
<style scoped>
.form-item-group {
    padding: 12px 0;
    border-bottom: 1px solid #efeff4;
    margin-left: 20px;
}
.form-item-group > div {
    border-bottom: none;
}
.form-item-group .form-item {
    margin-left: 0;
    height: 30px;
    line-height: 30px;
}
.big-btn{
    width: 200px;
}
</style>
